<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>09_CSS3-新增文本属性-文本描边</title>
        <style>
            div {
                width: 400px;
                height: 300px;
                border: 1px solid black;

                font-size: 90px;
                text-align: center;
                line-height: 300px;
                font-weight: bold;

                -webkit-text-fill-color: aqua;
                /* color: red; */

                /* 针对于描边的属性 */
                -webkit-text-stroke-width: 2px;
                -webkit-text-stroke-color: purple;

                -webkit-text-stroke: 4px red;
            }
        </style>
    </head>
    <body>
        <div>火锅</div>
    </body>
</html>